@mixin box-shadow ($rx, $ry, $dir, $mx, $clr) {
  -webkit-box-shadow:$rx $ry $dir $mx $clr;
  -ms-box-shadow:$rx $ry $dir $mx $clr;
    -o-box-shadow:$rx $ry $dir $mx $clr;
      box-shadow:$rx $ry $dir $mx $clr;
}

/** to inline-block **/
@mixin transformBlock ( $height : 100,$width:auto) {
    width: $width;
    height: $height;
    display: inline-block;
}

@mixin transition ($time) {
  -webkit-transition:$time;
  -ms-transition:$time;
    -o-transition:$time;
      transition:$time;
}

@mixin blur ($filter) {
   filter:blur($filter);
  -webkit-filter:blur($filter);
  -moz-filter:blur($filter);
  -ms-filter:blur($filter);
  -o-filter:blur($filter)
}


@mixin radial-gradient($gradient...){
      background: -webkit-radial-gradient($gradient);
      background: -moz-radial-gradient($gradient);
      background: -ms-radial-gradient($gradient);
      background: radial-gradient($gradient);  
}

@mixin user-select($select){ 
    -webkit-user-select:$select;
    -moz-user-select:$select;
    -ms-user-select:$select;
    user-select:$select;
}

@mixin position($top, $left, $pos: absolute){ 
    position: $pos;
    top: $top;
    left:$left;
}

@mixin overflow-point(){ 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@mixin border-box(){  
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


$theme : #354d75;
$subTheme : #1296db;
$themeBlue : #5c96f6;

$loginBg: #262a33;

$navHover : #f0faff;
$navColor : #515a6e;
$navHoverColor : #2d8cf0;
$navBorderColor : #2d8cf0;

$waring : rgb(255, 116, 115);
$waring-light : #ffbfbf;
$success : rgb(96, 200, 76);
$success-light : rgba(96, 200, 76, .6);


$headerBackground : #fff;

$leftNavColor : #fff;
$boxBackgroud : #eee;


$headerHeight : 65px;
$leftNavWidth : 224px;$leftNavWidthShrink : 80px;
